<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
<title>KISSY Overlay&Popup</title>
</head>
<body>
<div id="header">
    <h1 class="logo"><a alt="KISSY" href="http://docs.kissyui.com/"></a></h1>
    <div class="sub-title">Overlay</div>
    <ul class="navigation">
        <li><a href="https://groups.google.com/group/kissy-ui">讨论组</a></li>
        <li><a href="http://github.com/kissyteam">源码</a></li>
    </ul>

</div>
<div id="content" class="form">
    <div class="s-crumbs">
        <span>当前位置：</span>
        <a href="http://docs.kissyui.com/">KISSY</a>
        <a href="http://docs.kissyui.com/docs/html/api/component/overlay/">Overlay</a>
        <span>Demo</span>
    </div>
    <pre class="s-section">
Overlay 模块有三个类, Overlay/Popup/Dialog
</pre>

    <style>
        .s-section dt {
            margin: 10px 0;
        }

        .s-section dd {
            margin-left: 20px;
        }
    </style>
    <dl class="s-section">
        <dt class="s-title">Overlay/Popup:</dt>
        <dd> - <a href="popup_overlay.html">使用示例</a></dd>
        <dd> - <a href="mask/mask_anim.html">mask 动画示例</a></dd>
        <dd> - <a href="effect/targetDialog.html">target 动画示例</a></dd>
        <dt class="s-title">Dialog:</dt>
        <dd> - <a href="dialog.html">使用示例</a></dd>
    </dl>
</div>

</body>
</html>